<div id="sidebar" class="bImg">
  <div class="bInner">
    <span class="bTR"></span>
    <span class="bBL"></span>
      <ul id="side-nav">
        <li class="inactive"> 
          <a href="#" title="Posts" class="button">
            <strong>
              <img src="images/icons/newspaper_48.png" alt="comments" class="icon "/>
                <span class="title">Kullanıcı İşlemleri</span>
                <span class="expand"></span><!-- ekstra expanded yazarsam clasa açık gelir --> 				
            </strong>
          </a>
          <ul>
            <li><a href="user.php" title="Add post">Kullanıcı Liste</a></li>
            <li><a href="usergroup.php" title="Edit posts">Kullanıcı Grupları</a></li> <!-- class="active" -->
            <li><a href="userpermission.php" title="Manage categories">Kullanıcı İzinleri</a></li>
            <li><a href="#" title="Manage categories">Kullanıcı Uyarılar</a></li>
            <li><a href="#" title="Sit amet elit">Arkadaşına Öner Bilgileri</a></li>
            <li><a href="#" title="Manage tags">Sosyal Gruptan Gelenler</a></li>
          </ul>
	    </li>  <!-- Kullanıcı İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              <span class="title">Banner İşlemleri</span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="#" title="Lorem">Banner Listesi</a></li>
            <li><a href="#" title="Ipsum dolor">Banner Türleri</a></li>
            <li><a href="#" title="Sit amet elit">Banner Sahipleri</a></li>
            <li><a href="#" title="Sit amet elit">Slider Resimleri</a></li>
          </ul>
        </li>  <!-- Banner İşlemleri -->
		<li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Yorum İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="comment.php?content=comment" title="Lorem">Yorum İşlemleri</a></li>
            <li><a href="#" title="Sit amet elit">Rating Bilgileri</a></li>
            <li><a href="#" title="Ipsum dolor">Yorum Raporları</a></li>
          </ul>
        </li>  <!-- Yorum İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Ayarlar İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="settings.php?content=meslek" title="Lorem">Meslek Bilgileri</a></li>
            <li><a href="#" title="Ipsum dolor">Ülke Bilgileri</a></li>
            <li><a href="#" title="Sit amet elit">Şehir Bilgileri</a></li>
            <li><a href="#" title="Sit amet elit">İlçe Bilgileri</a></li>
            <li><a href="#" title="Sit amet elit">E-Bülten Bilgileri</a></li>
          </ul>
        </li>  <!-- Ayarlar İşlemleri --> 
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Etkinlik İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="events.php?content=event" title="Lorem">Etkinlik Bilgileri</a></li>
            <li><a href="#" title="Lorem">Etkinlik Grupları</a></li>
            <li><a href="#" title="Ipsum dolor">Etkinlik Tarihleri</a></li>
          </ul>
        </li>  <!-- Etkinlik İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Makale İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="#" title="Lorem">Makale Bilgileir</a></li>
            <li><a href="#" title="Lorem">Makale Grupları</a></li>
          </ul>
        </li>  <!-- Makale İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              İçerik İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="#" title="Lorem">İçerik Bilgileri</a></li>
            <li><a href="#" title="Lorem">İçerik Grupları</a></li>
          </ul>
        </li>  <!-- İçerik İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Mekan İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="places.php?content=mekan" title="Lorem">Mekan Bilgileri</a></li>
            <li><a href="#" title="Ipsum dolor">Mekan Adresleri</a></li>
            <li><a href="#" title="Sit amet elit">Mekan Fotografları</a></li>
          </ul>
        </li>  <!-- Mekan İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Menü İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="menugroup.php" title="Lorem">Menü Grupları</a></li>
            <li><a href="menu.php" title="Ipsum dolor">Menüler</a></li>
          </ul>
        </li>  <!-- Menü İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Mailling İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="#" title="Lorem">Mailling Bilgileri</a></li>
            <li><a href="#" title="Ipsum dolor">Mail Şablonlarımız</a></li>
          </ul>
        </li>  <!-- Mailling İşlemleri -->
        <li class="inactive"> 
          <a href="#" title="Pages" class="button ">
            <strong>
              <img src="images/icons/paper_content_48.png" alt="comments" class="icon "/>
              Anket İşlemleri<span class="title"></span>
              <span class="expand"></span>
		    </strong>
		  </a>
          <ul>
            <li><a href="#" title="Lorem">Anket Bilgierimiz</a></li>
            <li><a href="#" title="Ipsum dolor">Anket Sonuçlarımız</a></li>
          </ul>
        </li>  <!-- Anket İşlemleri -->
      </ul>
  </div>
</div>